<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				
				background: url(../img/1.jpg) no-repeat ;
				background-size: 100%;
			}
			.login{
				margin: auto;
				margin-top: 14%;
				width: 350px;
				height:300px;
				background-color: rgba(255,255,255,0.3);
				text-align: center;
				align-content: center;
				line-height: 50px;
			}
			.fontcolor{
				color: rgba(255,255,255,0.9);
			}
			.tl{
				display: inline-block;
				width: 80px;
				text-align: center;
			}
			.sub{
				width: 225px;
				height: 30px;
				border-radius: 15px;
			}
			.yz{
				display: inline-block;
				width: 120px;
				height: 50px;
				background-color: red;
				margin-right: 28px;
			}
			.yzm{
				width: 80px;
			}
		</style>
	</head>
	<body>
		<div class="login">
			<h1 class="fontcolor">用户登录</h1>
			<form action="" class="fontcolor">
				<span class="tl">用户名：</span><input type="text" name="" id="" /><br/>
				<span class="tl">密码：</span><input type="text" name="" id="" /><br/>
				<span class="yz">验证码：</span><input class="yzm" type="text" name="" id="" /><br/>
				<input class="sub" type="submit" value="登录" />
			</form>
		</div>
	</body>
</html>
